﻿<html>
<head>
<title>4 in 1 social sharig widget for blogger</title>
<style type="text/css">
.input-text,.text-input, .select-box{
        margin:0 2px;
        padding:4px 6px;
        border: 1px solid #f9780e;

        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-family: gergia;
        font-style: italic;

        -webkit-box-shadow: 1px 1px 1px #dfdfdf;
        -moz-box-shadow: 1px 1px 1px #dfdfdf;
        box-shadow: 1px 1px 1px #dfdfdf;
        font-size: 14px;
        color: #666;
        max-width:auto;
}
body { font-family: verdana, arial;margin: 0;padding: 0;text-align: left;font-size:18px;}
#outer-wrapper {font-family: verdana, arial;}
#content-wrapper { width: 96%; max-widtd:975px;  margin: 0 auto;  padding: 5px;  text-align: left;  background-color: #ffffff;
background:#ffffff;
border:2px solid #000000;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
#content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #000000;font-size:16px;color:#fff;border:1px solid #fff;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
.redi{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }

</style>

<script type="text/javascript">
function bloggertrickscodegen(){var btEfb=document.getElementsByName("btfb")[0].value;var btfb=btEfb.replace(/\s/gi,"");var btEfb=encodeURIComponent(btfb);var btEtw=document.getElementsByName("bttw")[0].value;var btEsb=document.getElementsByName("btsb")[0].value;var widget=document.getElementsByName("widget.content")[0];widget.value="<div id=\"on\"><div id=\"facebook_right\" style=\"top: 18%;\"><div id=\"facebook_div\"><img src=\" http:\/\/4.bp.blogspot.com\/-Bxols98zkzc\/T3B6vLQS5XI\/AAAAAAAAARs\/RDWnvgpx0S0\/s1600\/bloggertricksdotbiz(facebook+right).png\" alt=\"\" \/><iframe src=\"http:\/\/www.facebook.com\/plugins\/likebox.php?href="+btEfb+"&amp;locale=en_gb&amp;width=200&amp;connections=9&amp;stream=&amp;header=false&amp;show_faces=0&amp;height=356\"   scrolling=\"no\"><\/iframe><\/div><\/div><\/div><div id=\"on\"><div id=\"twitter_right\" style=\"top: 35%;\"><div id=\"twitter_div\"><img id=\"twitter_right_img\" src=\" http:\/\/1.bp.blogspot.com\/-JBR8bQ1dKWM\/T3B7lUqhNNI\/AAAAAAAAASE\/Ct8U3SSBykA\/s1600\/bloggertricksdotbiz(twitter+right).png\" \/><div id=\"twitterfanbox\"><\/div><script type=\"text\/javascript\">fanbox_init(\""+btEtw+"\");<\/script><\/div><\/div><\/div><div id=\"on\"><div id=\"google_plus_right\" style=\"top: 52%;\"><div id=\"google_plus_div\"><img id=\"google_plus_right_img\" src=\" http:\/\/1.bp.blogspot.com\/-_Hpf3EgcKG4\/T3B6zwlAfuI\/AAAAAAAAAR0\/BXL-Qc-gfpU\/s1600\/bloggertricksdotbiz(google+plus+right).png\" \/><div style=\"float:left;margin:10px 10px 10px 0;\"><g:plusone size=\"tall\" expr:href=\"data:post.url\"><\/g:plusone><\/div><\/div><\/div><div id=\"on\"><div id=\"feedburner_right\" style=\" top: 69%;\"><div id=\"knfeedburner_div\"><center><h4 style=\"color:#f66303;\">you can also receive free email updates:<\/h4><form action=\"http:\/\/feedburner.google.com\/fb\/a\/mailverify\" method=\"post\" target=\"popupwindow\" onsubmit=\"window.open('http:\/\/feedburner.google.com\/fb\/a\/mailverify?uri="+btEsb+"', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true\"><input gtbfieldid=\"10\" class=\"enteryouremail\" name=\"email\" value=\"enter your email here...\" onblur=\"if (this.value == &#39;&#39;) {this.value = &#39;enter your email here...&#39;;}\" onfocus=\"if (this.value == &#39;enter your email here...&#39;) {this.value = &#39;&#39;;}\" type=\"text\" \/><input value=\""+btEsb+"\" name=\"uri\" type=\"hidden\" \/><input value=\"submit\" class=\"submitbutton\" type=\"submit\" \/><\/form><\/center><img id=\"feedburner_right_img\" src=\" http:\/\/4.bp.blogspot.com\/-SHh1PQioyv4\/T3B63t0CieI\/AAAAAAAAAR8\/n0Mdrf3Q8xo\/s1600\/bloggertricksdotbiz(subscribe+right).png \" \/><\/div><\/div><\/div><\/div>";document.getElementsByName("go")[0].disabled=false}function bloggertricksreset(){document.getElementsByName("btfb")[0].value="http://www.facebook.com/bloggertricksdotbiz";document.getElementsByName("btsb")[0].value="bloggertricks/osjd";document.getElementsByName("bttw")[0].value="jackievijay143";document.getElementsByName("go")[0].disabled=true}
</script>
</head>
<body>
<div id='content-wrapper'>
<h2 class='redi'>4 in 1 Social Sharing Widget Generator</h2>
<fieldset class='redi' style='border:1px solid #7f9db9;'><legend class='redi' align='left' style='border:1px solid #7f9db9;padding:3px 10px;margin-left:20px;'>Configure</legend>
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<table width="100%">

<tr>
<td width='40%'><label for='btfb'><b>Facebook page url</b></label></td>
<td width='60%'><input class='text-input' size='40'  name='btfb' value='https://www.facebook.com/bloggertricksdotbiz' type='text'></td>
</tr>
<tr>
<td width='40%'><label for='bttw'><b>Your twitter username</b></label></td>
<td width='60%'><input class='text-input' size='20'  name='bttw'   value='jackievijay143' type='text'></td>
</tr>
<tr>
<td width='40%'><label for='btsb'><b>your feedburner id</b></label></td>
<td width='60%'><input class='text-input' size='20'  name='btsb' value='bloggertricks/osjd' type='text' ></td>
</tr>
</table></fieldset>
<br>

<center><input name="gen" style="width:100px;margin-right:5px;" value="generate" onclick="javascript:bloggertrickscodegen();" type="button"><input style="width:100px;" value="reset" onclick="javascript:bloggertricksreset();" type="button">
<br>
<input disabled="disabled" name="go" style="font-size: 25px; width: 200px;" type="submit" value="Add To Blogger" /><textarea name="widget.content" style="display: none; height: 0px; width: 0px;"></textarea><input name="infoUrl" type="hidden" value="http://bloggertricks.biz/"/><input name="logoUrl" type="hidden" value="http://1.bp.blogspot.com/-1wqrOwvmfZU/T1xRvSHnxFI/AAAAAAAAANE/IK2rvm77hAc/s1600/bt1000.png"/></form>
</center><br>
</div>
</body>
</html>